import React, { useContext } from 'react'
import Svg, { Path, G, Ellipse, Rect } from 'react-native-svg'
import ThemeContext from '../../../ui/ThemeContext/ThemeContext'
import { theme } from '../../../utils/themeColors'
import { View, StyleSheet } from 'react-native'

function SignUpSvg({ strokeColor, fillColor }) {
  const themeContext = useContext(ThemeContext)
  const currentTheme = theme[themeContext.ThemeValue]
  if (!strokeColor) {
    strokeColor = currentTheme.darkBgFont
  }
  return (
    <View style={styles.container}>
      <Svg
        width='263'
        height='185'
        viewBox='0 0 263 185'
        fill='none'
        xmlns='http://www.w3.org/2000/svg'
      >
        <Path
          d='M258.918 184.155H54.455'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M84.377 57.079C86.042 48.132 93.113 39.4645 113.31 37.4794C158.201 33.0712 133.934 19.7718 148.551 5.2174C163.168 -9.337 218.435 14.6086 203.977 52.0059C189.519 89.403 237.247 47.8959 257.461 95.265C260.389 102.139 261.799 109.648 261.581 117.204C261.325 125.188 259.412 133.01 255.981 140.097C249.525 153.648 237.533 165.72 220.19 173.201C217.631 174.321 214.952 175.329 212.153 176.223'
          fill='#EDF2EA'
        />
        <Path
          d='M84.377 57.079C86.042 48.132 93.113 39.4645 113.31 37.4794C158.201 33.0712 133.934 19.7718 148.551 5.2174C163.168 -9.337 218.435 14.6086 203.977 52.0059C189.519 89.403 237.247 47.8959 257.461 95.265C260.389 102.139 261.799 109.648 261.581 117.204C261.325 125.188 259.412 133.01 255.981 140.097C249.525 153.648 237.533 165.72 220.19 173.201C217.631 174.321 214.952 175.329 212.153 176.223'
          stroke='#90E36D'
          stroke-width='1.3334'
        />
        <Path
          d='M214.797 141.691C213.127 148.126 236.262 177.072 216 178.5C170.964 181.67 185.91 181.78 171.755 180.617C157.091 191.085 80.307 172.237 94.8116 145.34C109.316 118.443 61.4344 148.296 41.1553 114.227C38.2178 109.283 36.8033 103.882 37.022 98.448C37.2788 92.7057 39.198 87.0799 42.64 81.9828C49.1168 72.2366 61.1475 63.5541 78.5463 58.1736C81.1136 57.368 83.8012 56.643 86.6093 56'
          fill='#EDF2EA'
        />
        <Path
          d='M214.797 141.691C213.127 148.126 236.262 177.072 216 178.5C170.964 181.67 185.91 181.78 171.755 180.617C157.091 191.085 80.307 172.237 94.8116 145.34C109.316 118.443 61.4344 148.296 41.1553 114.227C38.2178 109.283 36.8033 103.882 37.022 98.448C37.2788 92.7057 39.198 87.0799 42.64 81.9828C49.1168 72.2366 61.1475 63.5541 78.5463 58.1736C81.1136 57.368 83.8012 56.643 86.6093 56'
          stroke='#90E36D'
          stroke-width='1.3334'
        />
        <Path
          d='M209.141 111.42L208.629 116.67C207.297 120.089 205.966 123.506 204.637 126.921C204.172 128.121 203.706 129.318 203.237 130.513C203.025 131.072 202.724 131.587 202.347 132.035C202.309 132.096 202.247 132.135 202.179 132.141C202.066 132.141 202.026 131.979 202.017 131.858C201.953 130.563 201.809 129.274 201.587 127.999C200.341 121.845 193.691 119.59 188.476 119.73C186.389 119.764 184.333 120.275 182.445 121.23C179.722 122.647 178.661 126.586 178.516 126.732L178.401 127.238L176.533 135.598C176.14 137.462 175.839 138.447 174.238 138.944C174.186 138.963 172.59 139.876 172.538 139.876C171.919 140.062 173.613 139.662 172.943 139.54L170.818 139.183L169.913 138.96L156.71 135.601C157.221 135.695 157.745 135.797 158.277 135.912L161.341 136.698L160.531 132.523C158.424 119.525 161.916 107.732 167.866 101.329C169.433 99.646 170.211 99.214 172.038 98.092L173.064 100.705C173.064 100.705 183.564 104.069 186.039 93.746C187.039 93.839 188.962 93.824 189.953 94.057C195.122 95.221 199.791 98.182 203.237 102.482C203.541 102.855 203.839 103.24 204.134 103.631L204.29 103.836C204.472 104.082 204.666 104.333 204.848 104.585L204.978 104.784C206.489 106.903 207.879 109.119 209.141 111.42Z'
          fill='#353642'
        />
        <Path
          d='M224.191 184.148H169.551L167.924 183.626C167.924 183.626 167.594 163.691 165.414 158.59L173.509 161.548L181.349 163.971C181.349 163.971 192.136 164.213 198.302 152.383C198.302 152.383 199.34 149.559 200.271 144.468C201.075 140.05 205.348 115.694 207.14 110.255C209.074 113.886 212.104 120.134 213.567 123.942C215.151 128.077 216.484 132.197 217.574 136.015C219.388 142.3 220.819 148.706 221.858 155.192C223.412 164.753 224.193 174.442 224.191 184.148Z'
          fill='#353642'
        />
        <Path
          d='M226.579 130.662C226.229 135.051 223.46 135.766 223.46 135.766C221.118 137.254 217.522 135.654 216.796 132.864C216.785 132.835 216.779 132.803 216.779 132.771C216.2 130.382 215.073 127.313 213.558 123.955C210.638 116.362 206.842 108.708 201.974 102.653C198.527 98.353 193.859 95.393 188.69 94.228C188.672 94.228 188.664 94.209 188.646 94.209C181.792 91.991 178.456 87.461 177.01 83.118C177.01 83.118 177.01 83.118 177.01 83.1C176.391 80.357 175.761 77.6819 176.099 76.0634C176.678 73.227 176.967 70.1608 176.247 69.5395C175.342 68.7256 173.706 69.3282 169.543 70.2292C165.938 71.0245 164.015 70.574 163.581 68.2068C163.513 67.8396 163.478 67.466 163.477 67.0915C163.46 67.3276 162.61 66.3894 162.57 66.6131C162.298 67.8215 161.754 68.3062 160.569 68.8374C158.808 69.6234 158.088 72.6585 157.828 74.6809C157.557 76.8338 158.459 79.8037 159.173 81.826C158.259 80.705 157.213 80.835 155.576 81.515C155.166 81.683 154.131 81.637 153.313 81.329C153.428 81.222 153.564 81.145 153.712 81.102C153.975 81.009 152.067 79.9901 152.344 79.9249C155.122 79.2507 156.681 76.7623 156.351 74.5722C155.533 69.058 156.623 62.5714 160.089 58.275C163.911 53.5498 170.147 52.5681 175.426 54.7303C179.572 56.4234 183.492 59.8966 184.929 64.5285C184.929 64.5472 184.929 64.5658 184.946 64.5845C185.129 65.1736 185.269 65.7771 185.365 66.3894C185.894 69.8346 184.764 73.3264 184.136 76.7313C183.911 77.9584 184.483 79.2973 184.605 80.27C185.301 86.11 191.575 87.76 196.539 90.239C206.972 95.461 215.492 104.389 221.222 115.247C225.027 122.436 226.385 127.338 226.579 130.662Z'
          fill='#90E36D'
        />
        <Path
          d='M171.575 96.934C171.462 96.999 171.35 97.064 171.245 97.139C169.372 98.293 167.649 99.709 166.123 101.351C160.176 107.754 156.684 119.547 158.791 132.545L159.601 136.698'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M224.191 184.148C224.192 174.445 223.412 164.76 221.858 155.201C220.819 148.716 219.388 142.31 217.574 136.024C216.484 132.206 215.151 128.087 213.567 123.952C212.096 120.082 210.396 116.318 208.479 112.681C206.62 109.12 204.444 105.761 201.983 102.65C198.535 98.35 193.867 95.39 188.698 94.225C187.707 93.999 186.704 93.837 185.695 93.74'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M117.334 99.702L117.187 99.674C113.599 99.028 109.952 100.385 107.505 103.277L97.618 114.853L96.461 116.219C96.389 116.303 96.322 116.392 96.259 116.484'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M103.056 119.506L108.482 113.038L108.491 113.029'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M150.26 152.915L175.784 162.579C180.758 164.463 186.249 163.929 190.827 161.116C195.406 158.303 198.619 153.49 199.632 147.929L205.672 114.8C206.296 111.362 205.588 107.8 203.711 104.936C203.452 104.537 203.17 104.155 202.867 103.793'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M133.368 151.579C130.118 153.937 127.73 161.097 126.461 165.798C126.014 167.417 124.627 168.525 123.055 168.519C122.537 168.519 122.025 168.398 121.555 168.165C120.069 167.416 119.256 165.67 119.589 163.943C121.714 152.778 129.213 130.737 154.975 135.595C155.49 135.689 156.013 135.791 156.542 135.906L159.601 136.698L168.178 138.944L170.491 139.544C171.369 139.773 172.288 139.737 173.148 139.441C173.201 139.43 173.253 139.415 173.304 139.395C174.914 138.801 176.13 137.365 176.527 135.586L178.479 126.863L178.592 126.356L181.147 114.952'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M120.803 115.831H112.061C109.985 115.831 108.303 114.023 108.303 111.793C108.303 109.562 109.985 107.754 112.061 107.754H124.446'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M114.093 115.828C113.969 117.475 113.385 118.692 112.523 119.534C110.303 121.709 106.236 121.46 103.405 119.972'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M97.629 114.849C95.123 111.594 95.634 107.179 97.58 103.768C103.099 94.088 115.709 95.946 123.888 99.969C130.514 103.218 136.319 108.102 141.971 112.973C144.732 115.353 147.444 117.832 150.066 120.429C151.041 121.377 152.367 121.793 153.664 121.556C154.961 121.32 156.086 120.458 156.715 119.217C158.161 116.35 159.725 113.222 160.02 112.355'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M112.526 119.534C112.526 119.534 125.568 127.136 135.256 138.059'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M130.185 155.701C128.739 158.354 129.982 162.25 132.714 163.182C136.203 164.392 139.892 164.789 143.535 164.347C147.51 163.85 150.153 160.324 151.893 156.285C152.148 155.678 152.15 154.982 151.9 154.372C151.65 153.763 151.17 153.296 150.581 153.089C149.49 152.703 148.306 153.283 147.863 154.421C147.285 155.857 146.392 157.652 145.206 158.46'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M136.993 155.204C136.993 155.204 133.423 159.33 136.238 163.698C136.362 163.881 136.508 164.046 136.672 164.189'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M141.702 155.885C141.702 155.885 138.401 163.868 142.636 164.453'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          fill-rule='evenodd'
          clip-rule='evenodd'
          d='M134.891 169.109H114.501C114.072 173.393 110.705 176.639 106.695 176.634H38.1613C38.1692 180.78 41.2956 184.14 45.1546 184.148H134.891C138.757 184.147 141.893 180.787 141.908 176.634V171.582C141.908 170.21 140.872 169.097 139.595 169.097L134.891 169.109Z'
          fill='#FDFCFC'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          fill-rule='evenodd'
          clip-rule='evenodd'
          d='M103.405 119.972C104.006 120.866 104.438 121.877 104.677 122.948L114.336 166.236C114.55 167.175 114.605 168.149 114.501 169.109C114.072 173.393 110.705 176.639 106.695 176.634H36.8892C33.2601 176.633 30.1049 173.958 29.2598 170.166L19.6184 126.881C19.0567 124.37 19.5974 121.721 21.0854 119.693C22.5734 117.665 24.8445 116.482 27.2477 116.484H97.048C99.37 116.479 101.572 117.587 103.056 119.506L103.405 119.972Z'
          fill='#FDFCFC'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M188.69 94.215C188.672 94.215 188.664 94.197 188.646 94.197C181.792 91.979 178.456 87.449 177.01 83.106C177.01 83.106 177.01 83.106 177.01 83.087C175.88 79.7013 175.906 76.4238 176.313 74.4667C176.557 73.43 176.712 72.3713 176.776 71.3042C176.871 68.2814 174.807 69.0208 168.904 70.2852C166.192 70.8755 164.457 69.7695 163.59 68.1976C163.506 68.0605 163.432 67.9161 163.37 67.7657C162.966 66.8508 162.798 65.8356 162.885 64.8269'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M159.488 82.236C159.384 82.078 159.277 81.926 159.173 81.805C158.259 80.683 157.213 80.814 155.576 81.494C155.166 81.662 154.131 81.615 153.313 81.307C152.625 81.043 152.11 80.587 152.344 79.9033C152.466 79.6185 152.704 79.4107 152.989 79.341C153.261 79.2671 153.537 79.208 153.816 79.1639C156.623 78.4898 155.995 74.998 155.654 72.8078C154.827 67.2967 155.926 60.8101 159.427 56.5137C163.284 51.7886 169.592 50.8038 174.92 52.966C179.606 54.8672 184.015 58.9928 184.929 64.507C184.929 64.5256 184.929 64.5443 184.946 64.5629C184.963 64.5816 184.946 64.6095 184.946 64.6282C185.487 68.0734 184.946 71.8075 184.319 75.2154C183.943 77.2347 184.084 78.8843 184.608 80.248C186.247 84.712 191.777 86.269 196.235 88.478C206.785 93.7 215.379 102.628 221.173 113.486C225.747 122.097 226.831 127.394 226.579 130.662C226.229 135.052 223.46 135.766 223.46 135.766C221.118 137.254 217.519 135.654 216.796 132.865C216.785 132.835 216.779 132.803 216.779 132.771C216.201 130.382 215.073 127.313 213.558 123.955'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M162.873 64.8269C162.873 66.4889 162.145 68.1292 160.56 68.8282C158.779 69.6173 158.057 71.6956 157.797 73.718C157.433 76.6793 158.026 79.6851 159.476 82.233C160.821 84.631 163.009 87.275 166.108 87.275C171.786 87.275 174.22 84.333 174.22 84.333'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M168.768 74.6716C169.301 74.6716 169.734 74.2071 169.734 73.634C169.734 73.061 169.301 72.5964 168.768 72.5964C168.235 72.5964 167.802 73.061 167.802 73.634C167.802 74.2071 168.235 74.6716 168.768 74.6716Z'
          fill='black'
        />
        <Path
          d='M160.274 75.2775C160.807 75.2775 161.24 74.8129 161.24 74.2399C161.24 73.6668 160.807 73.2023 160.274 73.2023C159.741 73.2023 159.308 73.6668 159.308 74.2399C159.308 74.8129 159.741 75.2775 160.274 75.2775Z'
          fill='black'
        />
        <Path
          d='M164.44 72.6586C164.44 72.6586 163.957 76.7562 164.151 77.3185C164.345 77.8808 165.553 77.2377 165.553 77.2377'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M166.23 80.823C168.297 81.64 170.43 80.599 171.055 78.6016'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M173.766 75.1337C175.168 73.0009 174.657 70.0208 172.624 68.4774C170.591 66.934 167.806 67.4119 166.404 69.5446C165.002 71.6774 165.513 74.6576 167.546 76.2009C169.579 77.7443 172.364 77.2665 173.766 75.1337Z'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M162.474 75.7434C163.876 73.6106 163.365 70.6305 161.332 69.0871C159.299 67.5437 156.514 68.0216 155.112 70.1543C153.71 72.2871 154.221 75.2673 156.254 76.8106C158.287 78.354 161.072 77.8762 162.474 75.7434Z'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          fill-rule='evenodd'
          clip-rule='evenodd'
          d='M158.519 68.9493H158.713C160.718 68.9552 162.384 70.6107 162.546 72.758C162.621 73.8141 162.294 74.8576 161.64 75.6502C160.987 76.4428 160.062 76.917 159.077 76.9644H158.884C156.879 76.9585 155.212 75.303 155.05 73.1557C154.976 72.0996 155.303 71.0561 155.956 70.2635C156.61 69.4709 157.535 68.9967 158.519 68.9493ZM161.893 72.8109C161.766 71.0262 160.379 69.6493 158.713 69.6546V69.6515H158.551C157.737 69.6906 156.972 70.0829 156.432 70.7388C155.897 71.3875 155.631 72.2421 155.695 73.106C155.821 74.8919 157.208 76.2705 158.875 76.2654H159.037C159.852 76.2285 160.619 75.8359 161.159 75.1781C161.693 74.5292 161.958 73.6744 161.893 72.8109Z'
          fill='white'
        />
        <Path
          d='M165.625 72.5934L163.255 72.7239'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          opacity='0.53'
          d='M173.202 74.7052C174.389 72.8989 173.957 70.3753 172.235 69.0685C170.514 67.7617 168.156 68.1667 166.968 69.9729C165.781 71.7792 166.213 74.3028 167.935 75.6096C169.656 76.9164 172.014 76.5115 173.202 74.7052Z'
          fill='white'
        />
        <Path
          opacity='0.53'
          d='M161.91 75.315C163.097 73.5087 162.665 70.9851 160.943 69.6783C159.222 68.3715 156.864 68.7765 155.676 70.5827C154.489 72.389 154.921 74.9127 156.643 76.2194C158.364 77.5262 160.722 77.1213 161.91 75.315Z'
          fill='white'
        />
        <Path
          d='M167.799 87.275L173.064 100.714C173.064 100.714 183.22 103.65 185.689 93.324'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          d='M67.9125 156.928C71.8884 155.581 73.9696 150.597 72.5609 145.796C71.1522 140.995 66.7871 138.195 62.8112 139.542C58.8353 140.889 56.7541 145.873 58.1628 150.674C59.5715 155.475 63.9366 158.275 67.9125 156.928Z'
          fill='#D5FEC4'
        />
        <Rect x='16' y='68' width='66' height='19' fill='white' />
        <Path
          d='M166.394 184.148C166.282 173.21 164.486 162.402 163.66 157.991'
          stroke='black'
          stroke-width='1.3334'
        />
        <Path
          fill-rule='evenodd'
          clip-rule='evenodd'
          d='M90.0621 63.3198C90.5511 63.8449 91.0191 64.3854 91.4641 64.9477C94.4991 70.0451 96.1051 75.9733 96.0901 82.0242C96.0901 91.6332 88.8421 99.4212 79.9005 99.4212H71.1668C68.8875 99.4232 67.0401 101.408 67.0385 103.858V104.063C67.0372 105.847 68.0907 107.434 69.6606 108.014C69.6606 108.055 69.6647 108.096 69.6689 108.138C69.6734 108.182 69.678 108.227 69.678 108.275L60.8199 108.518H60.7303C58.4478 108.518 56.5965 106.531 56.5933 104.078C56.5933 101.628 54.745 99.6422 52.465 99.6422H16.5877C12.245 99.6562 8.08071 97.7872 5.03811 94.4572C3.69791 91.8712 2.99622 88.9582 3.00002 85.9982V85.7712C2.99612 77.3443 6.10952 69.2612 11.6544 63.3022C17.1994 57.3431 24.7212 53.9967 32.5633 54H69.1576C77.0021 53.995 84.5251 57.349 90.0621 63.3198ZM21.5528 78.6602C22.6487 81.5022 25.2306 83.3552 28.0938 83.3542C31.9984 83.3512 35.1633 79.9512 35.1681 75.7554C35.1704 72.6786 33.4473 69.9035 30.8026 68.7246C28.1579 67.5457 25.1127 68.1954 23.0876 70.3706C21.0626 72.5457 20.4568 75.8178 21.5528 78.6602ZM51.1842 83.3542C48.3215 83.3532 45.7415 81.4982 44.6473 78.6559C43.5531 75.8133 44.1604 72.5422 46.1859 70.3684C48.2114 68.1945 51.2561 67.546 53.9001 68.7252C56.5441 69.9045 58.2666 72.6792 58.2643 75.7554C58.2643 77.7723 57.5181 79.7062 56.1901 81.1322C54.8621 82.5572 53.0612 83.3562 51.1842 83.3542ZM66.1047 75.743C66.1015 79.9432 69.2675 83.3512 73.1761 83.3542C75.0535 83.3572 76.8551 82.5582 78.1838 81.1332C79.5124 79.7072 80.259 77.7729 80.259 75.7554C80.2622 71.5553 77.0962 68.1477 73.1876 68.1442C69.279 68.1408 66.1079 71.5429 66.1047 75.743Z'
          fill='#D5FEC4'
        />
        <Path
          fill-rule='evenodd'
          clip-rule='evenodd'
          d='M97.097 83.181C97.097 92.789 89.849 100.578 80.9075 100.578H72.1796C69.9014 100.579 68.0544 102.563 68.0513 105.011V105.216C68.05 107 69.1035 108.587 70.6734 109.167C71.0768 109.318 71.5011 109.394 71.9281 109.391L70.6907 109.428L61.8269 109.671H61.7315C59.4501 109.671 57.5993 107.686 57.5945 105.234C57.5945 102.784 55.7462 100.798 53.4662 100.798H17.5946C8.65343 100.798 1.40503 93.009 1.40503 83.401V83.175C1.40583 74.7532 4.51973 66.6771 10.0617 60.723C15.6038 54.7688 23.12 51.4242 30.9568 51.425H67.5395C83.8608 51.4268 97.092 65.6422 97.097 83.181Z'
          stroke='black'
          stroke-width='1.3334'
        />
      </Svg>
    </View>
  )
}

export default SignUpSvg

const styles = StyleSheet.create({
  container: {
    justifyContent: 'center',
    alignItems: 'center'
  }
})
